<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Task1</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/index.css" media="all" />
  </head>
  <body>
    <div class="main">
      <!-- Here custom markup begins -->
      <div class="layer1 left"></div>
      <div class="clear"></div>
      <div class="layer2 left"></div>
      <div class="clear"></div>
      <div class="layer3 left">
        <div class="layer3_1 left"></div>
        <div class="layer3_2 right"></div>
        <div class="clear"></div>
        <div class="layer3_3"></div>
        <div class="clear"></div>
        <div class="layer3_4 left"></div>
        <div class="layer3_5 left"></div>
        <div class="layer3_6 right"></div>
        <div class="clear"></div>
      </div>
      <div class="layer4 right">
        <div class="layer4_2 right"></div>
        <div class="layer4_1 right"></div>
        <div class="clear"></div>
        <div class="layer4_1 left margin_top"></div>
        <div class="layer4_2 left margin_top"></div>
        <div class="clear"></div>
        <div class="layer4_3"></div>
      </div>
      <div class="clear"></div>
      <!-- Here custom markup ends -->
    </div>
  </body>
</html>